<template>
  <div class="mymain">
    <el-container class="cbox">
      <el-header class="myhead" height="107px"><Head></Head></el-header>
      <el-container>
        <el-aside width="172px" class="mymenu"> <Menu></Menu></el-aside>
        <el-main> <router-view></router-view></el-main>
      </el-container>
    </el-container>
  </div>
</template>


<script>
import { onMounted, computed } from "vue";
import Head from "@/components/Head.vue";
import Menu from "@/components/Menu.vue";

export default {
  components: {
    Head,
    Menu,
  },
  setup() {
    return {};
  },
};
</script>


<style lang="scss" scoped>
.mymain {
  width: 100%;
  height: 100%;
  .cbox {
    width: 100%;
    height: 100%;
    .mymenu {
      height: 100%;

      overflow: auto;
      background: #bbd4ec;
    }
    .myfoot {
      background: #fff;
      border-top: 1px solid #999;
    }
    .myhead {
      padding: 0px;
      background: #fff;
      border-bottom: 1px solid #999;
    }
  }
}
</style>
